<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">	
	<head th:replace="~{commons/public::common-public}">   <!-- 引入了所有的公用css和js等 -->
	<meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
	<meta http-equiv="X-UA-Compatible" content="IE=8" />
	<title>控制台首页</title>
</head>
	<body>
		<div id="wrapper">
			<header th:replace="~{commons/header::common-header(activeUrl='varexpressions')}"></header>   <!-- 引入了左边的导航(类似left)和上面的头(类似top)  -->
			<div id="page-wrapper">
		      	<h2>string</h2>
		 		 <div th:if="${not #strings.isEmpty(xxxStr)}" >
			        <p>Old Str : <span th:text="${itdragonStr}" ></span> </p>
			        <p>toUpperCase : <span th:text="${#strings.toUpperCase(xxxStr)}" ></span></p>
			        <p>toLowerCase : <span th:text="${#strings.toLowerCase(xxxStr)}" ></span></p>
			        <p>equals : <span th:text="${#strings.equals(xxxStr, 'this is a cat')}" ></span>></p>
			        <p>equalsIgnoreCase : <span th:text="${#strings.equalsIgnoreCase(xxxStr, 'this is A cat')}" ></span></p>
				 			<p>indexOf : <span th:text="${#strings.indexOf(xxxStr, 'r')}" ></span></p>
			        <p>substring : <span th:text="${#strings.substring(xxxStr, 2, 8)}" ></span></p>
			        <p>replace : <span th:text="${#strings.replace(xxxStr, 'is', 'dddd')}" ></span></p>
			        <p>startsWith : <span th:text="${#strings.startsWith(xxxStr, 'it')}" ></span></p>
			        <p>contains : <span th:text="${#strings.contains(xxxStr, 'IT')}" ></span></p>
			    </div>
				    
				 <h2>snumber</h2>
		        <div>
			        <p>formatDecimal 整数部分随意，小数点后保留两位，四舍五入: <span th:text="${#numbers.formatDecimal(xxxNum, 0, 2)}" ></span></p>  
			        <p>formatDecimal 整数部分保留五位数，小数点后保留两位，四舍五入: <span th:text="${#numbers.formatDecimal(xxxNum, 5, 2)}" ></span></p> 
		        </div>
			        
			      <h2>sboolean</h2>
			      <div th:if="${#bools.isTrue(xxxBool)}">
			      		 这是true
			   		</div>
			      <div th:unless="${#bools.isTrue(xxxBool)}">
			      		  这是false
			   		</div>
			    
				    <h2>#arrays</h2>
				    <div th:if="${not #arrays.isEmpty(xxxArray)}">
				        <p>length : <span th:text="${#arrays.length(xxxArray)}" ></span></p>
				        <p>contains : <span th:text="${#arrays.contains(xxxArray, 4)}" ></span></p>
				        <p>containsAll : <span th:text="${#arrays.containsAll(xxxArray, xxxArray)}" ></span></p>
				    </div>
				    
				    <h2>#lists</h2>
				    <div th:if="${not #lists.isEmpty(xxxList)}">
				        <p>size : <span th:text="${#lists.size(xxxList)}" ></span></p>
				        <p>contains : <span th:text="${#lists.contains(xxxList, 0)}" ></span></p>
				        <p>sort : <span th:text="${#lists.sort(xxxList)}" ></span></p>
				    </div>
				    
				    <h2>#maps </h2>
				    <div th:if="${not #maps.isEmpty(xxxMap)}">
				        <p>size : <span th:text="${#maps.size(xxxMap)}" ></span></p>
				        <p>containsKey : <span th:text="${#maps.containsKey(xxxMap, '第一')}"  ></span></p>
				        <p>containsValue : <span th:text="${#maps.containsValue(xxxMap, '陈聪')}"  ></span></p>
				    </div>
			    
				    <h2>dates</h2>
				    <div>
				        <p>format : <span th:text="${#dates.format(xxxDate)}" ></span></p>  
				        <p>custom format : <span th:text="${#dates.format(xxxDate, 'yyyy-MM-dd HH:mm:ss')}" ></span></p>
				        <p>day : <span th:text="${#dates.day(xxxDate)}" ></span></p>
				        <p>month : <span th:text="${#dates.month(xxxDate)}" ></span></p>
				        <p>monthName : <span th:text="${#dates.monthName(xxxDate)}" ></span></p>   
				        <p>year : <span th:text="${#dates.year(xxxDate)}" ></span></p>
				        <p>dayOfWeekName : <span th:text="${#dates.dayOfWeekName(xxxDate)}" ></span></p>   
				        <p>hour : <span th:text="${#dates.hour(xxxDate)}" ></span></p>
				        <p>minute : <span th:text="${#dates.minute(xxxDate)}" ></span></p>
				        <p>second : <span th:text="${#dates.second(xxxDate)}" ></span></p>
				        <p>createNow : <span th:text="${#dates.createNow()}" ></span></p>
				    </div>   
		   </div>
	</div>
  </body>
</html>